<template>
	<div class="col-md-8">
		<h3 class="reply">评论回复：</h3>
		<h2 v-show="comments.length === 0">暂无评论，点击左侧添加评论！！！</h2>
		<ul class="list-group">
			<Item v-for="(comment, index) in comments" v-bind:key='index' 
				v-bind:comment='comment' v-bind:delComment='delComment' v-bind:index='index'/>
		</ul>
	</div>
</template>

<script>
	import Item from './Item.vue'
	export default {
		// 声明接收属性，这个属性就会成为组件对象的属性
		props:['comments', 'delComment'],
		components:{
			Item
		}
	}
</script>

<style>
.reply {
	margin-top: 0px;
}


</style>
